<div class="widget">
    <div class="widgetTitle">
        <h3>Browse By Category </h3>
        <span class="alignRight">+ <a href="<?= URL::base()?>/category/all">View all</a></span>
    </div>
    <!-- /.widgetTitle -->
    <div class="widgetContent" style="padding: 20px 10px">

        <?php foreach($category_parent as $category_parent):?>
        
            <div class="col-sm-4 col-xs-6">
                <div class="category-image">
                    <i class="fa <?= $category_parent->icon ;?> fa-2x pull-left fa-border fa-yellow"></i>
                    <h2 id="text" class="vcenter"><a href="<?= URL::to(Str::slug(Location::get()).'/'.$category_parent->slug);?>"><?= Str::limit($category_parent->name,20);?></a></h2>
                </div>
            </div>
        <?php endforeach;?>


    </div>
    <!-- /.widgetContent -->
</div>
<!-- /.widget -->
